@use "../../variables" as *;

body {
  .el-tabs {
    .el-tabs__nav-wrap:after {
      background-color: transparent;
    }
    .el-tabs__item {
      font-size: $qf-font-size-lg;
      align-items: flex-start;
      font-weight: 600;
      color: $qf-color-font3;
      &.is-active {
        color: $qf-color-white;
      }
    }
    .el-tabs__active-bar {
      height: 4px;
      border-radius: $qf-border-radius-base;
      background-color: transparent;
      &:after {
        content: "";
        position: absolute;
        background-image: $qf-primary-active1;
        height: 100%;
        width: 50%;
        left: 50%;
        top: 0;
        border-radius: $qf-border-radius-base;
        transform: translateX(-50%);

      }
    }
  }
}
